<template>
    <div>
        <el-row>
            <el-col>
                <h3 class="aside-title">客服审核平台</h3>
                <el-menu :default-active="currentPath" router="true">
                    <el-menu-item index="profile">
                        <el-icon>
                            <House />
                        </el-icon>
                        <span>个人主页</span>
                    </el-menu-item>
                    <el-menu-item index="videoModerate">
                        <el-icon>
                            <VideoPlay />
                        </el-icon>
                        <span>视频审核</span>
                    </el-menu-item>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const currentPath = router.currentRoute.value.path.split('/')[1];

</script>

<style lang="scss" scoped>
.aside-title {
    text-align: center;
    letter-spacing: 5px;
    cursor: default;
    margin: 0;
    padding: 20px 0 20px 0;
    border-bottom: solid 1px var(--el-menu-border-color);
}

.el-menu {
    border-right: 0;
}

.el-menu li {
    justify-content: center;
    align-content: center;
}
</style>